<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .container {
            width: 200px; /* 设定容器的宽度 */
            word-break: break-all; /* 当内容超过容器宽度时进行强制换行 */
            overflow-wrap: break-word; /* IE/Edge不支持该属性，但也能起作用 */
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="wsz.css">
</head>
<body>



































    
    <div class="container">
        这里是需要自动换行的长段落文字...
        asd
        asd
        asdasdadas
        dasd
        a
        asdasdadas
        asdasdadas
    </div>
    <img src="iii.png">
    <div style="font-size: 45px;font-weight: bold;color:rgb(229, 255, 0);text-align: center;">
        <div class='zhs'>
            <span style="margin-right: 115px;">
                z  h  sdfpjfjjklsfj
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs                                                                                                            l
            </span>
            <span id='y1'>
                zhs
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs
            </span>
            <span>
                zhs
            </span>
        </div>
        <img src="https://img0.baidu.com/it/u=3316636492,2799302396&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800">
        <img src="https://img0.baidu.com/it/u=3316636492,2799302396&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800">
            <!-- <iframe src="//player.bilibili.com/player.html?aid=1151659582&bvid=BV1kZ42187Yf&cid=1466111858&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> -->
        <!-- <div> -->

        <iframe style="height: 800px;width: 800px;"src="https://player.bilibili.com/player.html?aid=1901947645&bvid=BV1pm411R76j&cid=1472110730&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
        <iframe style="height: 800px;width: 800px;" src="https://player.bilibili.com/player.html?aid=1151659582&bvid=BV1kZ42187Yf&cid=1466111858&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
        <!-- <iframe src="//player.bilibili.com/player.html?aid=1901336577&bvid=BV1mm411o7vd&cid=1460813810&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> -->
        <!-- </div> -->
        <div style="box-sizing: border-box;height: 800px;width: 800px;background-color: #00b5e5;margin: 155px;border-bottom: 50px solid #4011aa;padding: 50px;">asdpljaslkdjaoidaildjalkdjalkdjlkajdlasjd</div>
        <div style="box-sizing: content-box;height: 800px;width: 800px;background-color: red;margin: 10px;border: 20px;padding: 10px;">asdpljaslkdjaoidaildjalkdjalkdjlkajdlasjd</div>
        <div style="box-sizing: border-box;height: 800px;width: 800px;background-color: green;margin: 10px;border: 50px solid #4b21ad;padding: 10px;">asdpljaslkdjaoidaildjalkdjalkdjlkajdlasjd</div>
    </div>
</body>
</html>